<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I change the Calendar view?</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I change the Calendar view?</h1></div>
<div>



    <div class="step-instructions screensteps-textblock screensteps-wrapper--introduction screensteps-wrapper">
  <div id="text-content_2DBCCBDA-112B-4F63-B58A-FD020A97A293" class="text-block-content">
    <p>In Calendar, you can view your calendar by day, week, month, year, or even as a list of events. You can also set the default view for your calendar.</p>
  </div>
</div>

      <div class="step screensteps-section screensteps-depth-1">
    <h2 class="step-title screensteps-heading">Go to Calendar.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/318/212/original/c1c2bfc8-b101-4cd1-9260-5fb4c32bdd69.png" alt="image of the calendar button" height="110" width="201">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_F48CDE3B-BD6E-4FE0-BD78-353C16F155D0" class="text-block-content">
    <p>Select the <strong>Calendar</strong> tool from the Tool Menu in your site.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="select-the-desired-view-in-the-drop-down-menu">
    <h2 class="step-title screensteps-heading">Select the desired view.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/214/original/f63ca4dd-dc01-4555-9aca-01df2e76e348.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/214/medium/f63ca4dd-dc01-4555-9aca-01df2e76e348.png" alt="" height="175" width="855">
      </a>
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="calendar-by-day">
    <h3 class="step-title screensteps-heading">Calendar by Day</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/216/original/05d94447-8439-4b64-8fea-f8c1448b4ed7.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/216/medium/05d94447-8439-4b64-8fea-f8c1448b4ed7.png" alt="" height="466" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_926B785B-820D-455A-8A98-AEF0A908D294" class="text-block-content">
    <p>The item details will display.</p>
  </div>
</div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="calendar-by-week">
    <h3 class="step-title screensteps-heading">Calendar by Week</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/218/original/21bf7aff-ffbd-43f4-bc15-d81490eb6128.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/218/medium/21bf7aff-ffbd-43f4-bc15-d81490eb6128.png" alt="" height="496" width="855">
      </a>
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2" id="calendar-by-month">
    <h3 class="step-title screensteps-heading">Calendar by Month</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/220/original/ee0ec3a9-2025-4a02-a8e4-aa3b4c4ba5ae.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/220/medium/ee0ec3a9-2025-4a02-a8e4-aa3b4c4ba5ae.png" alt="" height="622" width="855">
      </a>
  </div>
 
  </div>
 
        <div class="step screensteps-section screensteps-depth-2">
    <h3 class="step-title screensteps-heading">List of Events</h3>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/005/369/315/original/3080aae9-bf67-45c0-b0e2-e041fecac5ef.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/005/369/315/medium/3080aae9-bf67-45c0-b0e2-e041fecac5ef.png" alt="" height="596" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_6BFA7834-BC89-4C04-862D-0845A8A805F4" class="text-block-content">
    <p><em>Note: When viewing the calendar in list format, you also have the option to select a custom date range and filter events by start/end dates.</em></p>
  </div>
</div>
 
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="set-default-view-of-calendar">
    <h2 class="step-title screensteps-heading">Set default view of calendar.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/318/222/original/5d52ce0a-da99-498b-b4e7-3aed8ec66c80.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/318/222/medium/5d52ce0a-da99-498b-b4e7-3aed8ec66c80.png" alt="" height="234" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_862B4856-6B32-42B6-8BD8-E472BD7572B1" class="text-block-content">
    <p>If you have a preferred view (e.g., monthly view), click the <strong>Set as Default View</strong> button while viewing the calendar in your preferred view.</p>
  </div>
</div>
 
  </div>


</div>
</div></div>
</body>
</html>
